﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>标准</title>
<link rel="stylesheet" href="../Styles/layout.css" type="text/css" media="screen" />
<link rel="stylesheet" href="../Styles/base.css" type="text/css" media="screen" />
<style>
	body{ font-size:12px; font-family:Arial;background-color:#fff; padding:10px;}
	h1{font-family:microsoft yehei,Tahoma; font-size:16px; }
	h2{font-size:14px;}
	h3{font-size:14px;}
	strong{}
	
</style>
</head>
<body>
&lt;link href=&quot;soim.ico&quot; rel=&quot;Shortcut Icon&quot;/&gt; -- 地址栏小图标
<hr/>

<button class="button blue">按钮</button>
<button class="button green">确定注册</button>
<button class="button orange">移除该项</button><button class="button gray">锁定</button>
<a href="javascript:alert('a标签按钮!');" class="button blue">超链接</a>
<br/><br/>
<button class="button orange big t180">同意以上条款</button>
<button class="button green">确定注册</button>
<button class="button blue">保存并继续添加</button>
<hr/>
<button class="button test123 big w180">设为不显示</button><br />
<button class="button test123 big w180">设为不显示</button><br />
<button class="button test123 big w180">设为不显示</button><br />
<button class="button test123 big w180">设为不显示</button><br />
<hr/>
<table>
	<tr>
		<td><p><input name="" type="text"  class="textbig t180"/></p></td>
		<td><select class="select">
            <option>天蝎座</option>
            <option>共产党员</option>
            <option>中国</option>
            <option>新疆维吾尔族</option>
        </select></td>
	</tr>
</table>
	
<p><input name="" type="password"  class="textbig t180"/></p>
<p><input name="" type="text"  class="text t180"/></p>
<p><input name="" type="text"  class="text t140"/></p>
<p><input name="" type="password"  class="text t140"/></p>
<p><input name="" type="text"  class="text t400"/></p>
<p><input name="" type="text"  class="text t500"/></p>
<p><input name="" type="text"  class="text t600"/></p>
<p><input name="" type="text"  class="text t80"/></p>
<p><input name="" type="text"  class="text t40"/>&nbsp;&nbsp;<input name="" type="text"  class="text t40"/>&nbsp;&nbsp;<input name="" type="text"  class="text t80"/></p>
<p><input name="" type="text"  class="text t40"/>&nbsp;&nbsp;<input name="" type="text"  class="text t140"/>&nbsp;&nbsp;<input name="" type="text"  class="text t20"/></p>
<p><textarea name="textBox" cols="" rows="" class="textarea textBoxSmall"></textarea></p>
<p><textarea name="textBox" cols="" rows="" class="textarea textBoxBig"></textarea></p>


<hr></hr>

<style>
    .test
    {
    	padding:1px 2px 0px 4px;height:22px;line-height:21px; width:200px;
    	font-size:12px;
    	color:#333;border:2px solid #666;
    
    }
    .testm
    {
    	padding:3px 2px 0px 5px;height:24px;line-height:22px; width:240px;
    	font-size:14px; font-weight:bold;
    	color:#333;border-left:1px solid #999;border-top:1px solid #999;border-right:1px solid #cacaca;border-bottom:1px solid #cacaca;
    }
    .testbig
    {
    	padding:3px 3px 0px 6px;height:28px;line-height:26px; width:300px;
    	font-size:16px; font-weight:bold;
    	color:#333;border:3px solid #666;
    }
</style>

<input name="" type="text" class="test"/><br/><br/>
<input name="" type="text" class="testm"/><br/><br/>
<input name="" type="text" class="testbig"/>

<br/><br/><br/><br/>

<table border="0" cellspacing="0">
  <tr>
    <td width="42"><input name="" type="text"  class="text t40"/></td>
    <td><button class="button">检测是否可用</button></td>
  </tr>
</table>
<hr></hr>
<table  border="0" cellspacing="0">
  <tr>
    <td width="42"><input name="" type="text"  class="text t40"/></td>
    <td width="654">
        <select class="select">
            <option>天蝎座</option>
            <option>中国</option>
            <option>新疆维吾尔族</option>
        </select>
        <select class="select">
            <option>China</option>
            <option>England</option>
            <option>USA</option>
            <option>Japan</option>
        </select>
        <select class="select">
            <option>天蝎座</option>
            <option>中国</option>
            <option>新疆维吾尔族</option>
        </select>
		
</td>
  </tr>
</table>
<hr></hr>


<label for="isLove"><input name="isLove2" id="isLove" type="radio" class="text radio" value=""/>未婚</label>
<label for="isLove2"><input name="isLove2" id="isLove2" type="radio" class="text radio"value="" />已婚</label>
<label for="isColor"><input name="isColor" id="isColor" type="checkbox" class="text checkbox" value="" />绿色</label>
<label for="isColor2"><input name="isColor" id="isColor2" type="checkbox" class="text checkbox"value="" />黄色</label>

<hr></hr>
<input name="" type="file" class="text file" id="up"/>
<hr></hr>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
</body>
</html>